{{extend './layout/layout.html'}}
{{block 'head'}}
<link rel="stylesheet" href="/public/css/header.css">
<link rel="stylesheet" href="/public/css/my.css">
{{/block}}
{{block 'content'}}
<!-- 引入头部 -->
{{include './component/web-header.html'}}
<!-- body start-->
<div class="container">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a class="pink-link" href="/my">首页</a></li>
            <li class="breadcrumb-item active" aria-current="page">类别</li>
        </ol>
    </nav>
    <div class="card">
        <div class="card-body">
            <h3 class="card-title">类别</h3>
            {{each typeCount}}
            <a type="button" class="btn btn-outline-info mt-2 mr-2" name="{{$value._id.type}}">
                <i class="bi bi-tags mr-3"></i>{{$value._id.type}}<span class="badge badge-light ml-2">{{$value.count}}</span>
            </a>
            {{/each}}
        </div>
    </div>
    <div class="notes"></div>
</div>
<!-- body end -->
{{/block}}

{{block 'script'}}
<script src="/public/js/type.js"></script>
{{/block}}